5.  HTML-code ändern

5.2  formular ändern

Wie in abschnitt 4. gezeigt, erfolgt mit Javascript der zugriff zu formularen und ihren elemente nicht mit dem attribut id, sondern mit dem formular- oder elementnamen. Mit der gleichen technik kann man in der aktuellen seite auch formular-elemente ändern

document.formname.elemname.value value-wert eines elements
document.formname.elemname.size größe eines elements
document.formname.elemname.className styles, die in einer CSS-klasse definiert sind
document.formname.elemname.colorfarbe

Es sind hier nicht alle teile eines formular-elements aufgeführt, die geändert werden können, es gibt ja vom typ abhängig sehr unterschiedliche. Es wurde auch noch längst nicht alles ausprobiert, was da vielleicht möglich ist.

beispiel 5b - formular ändern
Das beispiel zeigt ein formular, das nicht an eine zielseite übergeben wird, sondern nur dazu dient, einen hinweis anzuzeigen, der dann geändert wird. Verwendet wird dazu ein einzeiliges eingabefeld mit dem namen txt. (Im beispiel 5c unter nr. 5.3 gibt es einen ähnlichen fall mit einem mehrzeiligen eingabefeld). Aufgerufen werden auch hier die funktion change zum sichern und ändern und die funktion retour zum wiederherstellen des ursprünglichen zustands.

Die funktionen stehen auch hier als JS-script im header der seite. Die funktion change sichert für das eingabefeld value, className und size; size ist im formular nicht ausdrücklich gesetzt, aber dann ist automatisch ein standardwert gesetzt. Außerdem werden gesichert style.color und style.backgrund. Auch hier ist color nicht gesetzt und es gilt das gleiche wie bei size. Zu erwähnen ist noch, dass es nichts bringt, style selbst zu sichern, man kann damit nichts anfangen. Die anschließend vorgenommenen änderungen sind wohl selbsterklärend.

Die funktion retour stellt den ursprünglichen zustand wieder her

immer die reihenfolge ändern - ursprung einhalten

ändern

ursprung


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  C S S  
  P H P  
  My S Q L  
  javascript